<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>销售记录</title>
		
		<!-- 导入样式 -->
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-table.min.css"/>
		<!-- 导入js -->
		<script src="js/jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
<!--		bootstrapTable-->

		<script type="text/javascript">
			
			$(function(){
								
				// 数据表格加载数据
				$("#data_table").bootstrapTable({
					url: "sale/queryAllsale",
					pagination: true,
					pageSize: 5,
					striped: true,
					//client 客户端分页
					sidePagination: 'client',
					height: 500,
				
					columns:[{
						checkbox: true,
						visible: false                  //是否显示全选框
					}, 
					{
						// 映射json对象里的属性
						  field: 'sid',
						  // 文字居中
						  align: 'center',
						  // 列标题
						  title: '记录id'
					},{
						// 映射json对象里的属性
						field: 'count',
						// 文字居中
						align: 'center',
						// 列标题
						title: '数量'
					},{
						// 映射json对象里的属性
						field: 'totalprice',
						// 文字居中
						align: 'center',
						// 列标题
						title: '总价'
					},{
						field: 'saledate',
						align: 'center',
						title: '销售日期',
						//——修改——获取日期列的值进行转换
						formatter: function (value, row, index) {
							return changeDateFormat(value)
						},
					},{
						// 映射json对象里的属性
						field: 'user.username',
						// 文字居中
						align: 'center',
						// 列标题
						title: '销售员'
					},{
						// 映射json对象里的属性
						field: 'product.productname',
						// 文字居中
						align: 'center',
						// 列标题
						title: '商品'
					}],
					
				});
				
			});
			
		
		//修改——转换日期格式(时间戳转换为datetime格式)
		function changeDateFormat(cellval) {
			var dateVal = cellval + ""; //变成字符串
			if (cellval != null) {
				var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10));
				var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
				var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
				return date.getFullYear() + "-" + month + "-" + currentDate;
			}
		}

			
		</script>

	</head>
	<body>

		<hr />
		<!-- 排序 -->
		<p align="center">
			排序方式：
		<select  name="sid" id="query_sel">
			<option value="0">选择排序方式</option>
			<option value="1">销售日期</option>
			<option value="2">销售数量</option>
		</select>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<button type="button" id="sale_btn">排序</button>
		</p>
		
		<!-- 数据展示 -->
		<div class="container">
			<table id="data_table"></table>
		</div>
		
	</body>
</html>
